$theme-green: (
  "": ("main-title-color": #0D2451,
    // 标题
    "page-title-color": rgb(24 28 50),
    // 正文
    "text-color": #5E6278,
    // 辅助文本颜色
    "vice-text-color": rgb(24 28 50 / 60%),
    // 占位文字颜色
    "placeholder-color": rgb(24 28 50 / 40%),
    // 禁用文字颜色
    "disable-color": #5E6278,

    // 主色
    "theme-color": #42b983,
    "theme-color-re": #42b983a1,

    // !功能色
    "info": #029EF7,
    "success": #50CD89,
    "error": #F1416C,
    "warn": #FFC700,

    // !表格表头背景
    "table-header-bg": #FAFBFC,
    // !页面标签颜色
    "page-tag": #F5F8FA,
    // !分割线颜色
    "split-border-color": #F0F3F5,
    // !页面背景
    "page-bg": #F5F8FA,
    // !左侧导航 + 内容区背景
    "content-bg": #FFF,
    // !输入框背景、表格悬浮、表单下拉面板
    "component-bg": #F5F8FA,
    // !表格分割线
    "table-split-color": #F5F8FA,
    // 菜单选中时
    "menu-active-bg": #EAEEF2,

    // !图标相关颜色
    // 双色图标深色
    "main-icon-deep-color": #A1A5B7,
    // 双色图标浅色
    "main-icon-color": #E3E4E9,
    // 双色图标悬浮背景
    "main-icon-hover-bg": #F3F6F9,
    // 双色图标选中背景
    "main-icon-active-color": #E5F5FE,

    // !双色图标+bg
    // 深色
    "main-iconbg-deep-color": #71778D,
    // 浅色
    "main-iconbg-color": #B9BAC5,
    // 背景
    "main-iconbg-bg": #F3F6F9,
    // 悬浮背景
    "main-iconbg-hover-bg": #D9F1FE,
    // 选中背景
    "main-iconbg-active-color": #E5F5FE,

    // 双色图标disable深色
    "main-icon-disable-deep-color": #71778D,
    // 双色图标disable浅色
    "main-icon-disable-color": #B9BAC5,
    // 双色图标disable背景
    "main-icon-disable-bg": #F3F6F9,

    // 双色图标 危险背景
    "main-icon-error-bg": #FDE3E9,
    // 双色图标 危险深色
    "main-icon-error-deep-color": #F1416C,
    // 双色图标 危险浅色
    "main-icon-error-color": #F8A0B5,
    // 图标通用背景
    "icon-bg": #F3F6F9,
    // 组件背景颜色 输入框等
    "comm-bg-color": #F5F8FA,
    // 表格边框
    "table-border-color": #F9F9F9,
    // 带背景文字悬浮颜色
    "text-hover-color": #fff,
    // 阴影颜色
    "box-shadow-color": #c5c9d845,
    // 多选背景色
    "checkbox-bg": #F3F6F9,
    // form背景色
    "input-bg": #F5F8FA,
    // form悬浮背景色
    "input-hover-bg": #F2FAFE,
    //  form聚焦背景色
    "input-focus-bg": #DAF1FE,
    // form校验失败背景色
    "input-error-bg": #FDE4EA,
    // 内容区背景色
    "card-bg": var(--el-bg-color),
    // 分页器文字颜色
    'pagin-text-color': #3F4254,
    // 分页器边框颜色
    'pagin-border-color': #FAFCFE,
    // 上传时阴影背景色
    'upload-bg': #00000061,
    "app-bg": var(--el-bg-color),
    "main-bg": var(--el-bg-color-page),
    "border-color": var(--el-border-color-lighter),
    "header-bg": #1d2935,
    "header-color": #fff,
    "header-menu-color": #fff,
    "header-menu-hover-color": #42b983,
    "header-menu-hover-bg": #1f3039,
    "header-menu-active-color": #42b983,
    "header-menu-active-bg": #1f3039,
    "main-sidebar-bg": #1d2935,
    "main-sidebar-menu-color": #ccc,
    "main-sidebar-menu-hover-color": #fff,
    "main-sidebar-menu-hover-bg": #42b983,
    "main-sidebar-menu-active-color": #fff,
    "main-sidebar-menu-active-bg": #42b983,
    "sub-sidebar-bg": #fff,
    "sub-sidebar-menu-bg": darken(#f6f6f6, 7),
    "sub-sidebar-menu-color": #2c3e50,
    "sub-sidebar-menu-hover-color": #fff,
    "sub-sidebar-menu-hover-bg": lighten(#42b983, 10),
    "sub-sidebar-menu-active-color": #fff,
    "sub-sidebar-menu-active-bg": #42b983,
    "badge-bg": #f56c6c,
    "badge-color": #fff,
    "badge-border-color":#fff,
    "tabbar-bg": var(--el-bg-color-page),
    "tabbar-dividers-bg": #a9adb0,
    "tabbar-tab-color": #999,
    "tabbar-tab-hover-color": #999,
    "tabbar-tab-hover-bg": #dee1e6,
    "tabbar-tab-active-color": #42b983,
    "tabbar-tab-active-bg": var(--el-bg-color),
    "toolbar-bg": var(--el-bg-color),
    "nprogress-color": #2e4854),
  "dark": ("main-title-color": #fff,
    // 标题
    "page-title-color": rgb(255 255 255 / 90%),
    // 正文
    "text-color": rgb(146 146 159),
    // 副文本颜色
    "vice-text-color": rgb(255 255 255 / 60%),
    // 占位文字颜色
    "placeholder-color": rgb(255 255 255 / 40%),
    // 禁用文字颜色
    "disable-color": rgb(146 146 159 / 40%),

    // 主色
    "theme-color": #42b983,
    "theme-color-re": #42b98396,

    // !功能色
    "info": #029EF7,
    "success": #50CD89,
    "error": #F1416C,
    "warn": #FFC700,

    // !表格表头背景
    "table-header-bg": rgb(40 40 60 / 70%),
    // !页面标签颜色
    "page-tag": #28283C,
    // !分割线颜色
    "split-border-color": #2B2B40,
    // !页面背景
    "page-bg": #151521,
    // !左侧导航 + 内容区背景
    "content-bg": #1E1E2D,
    // !输入框背景、表格悬浮、表单下拉面板
    "component-bg": #2B2B40,
    // !表格分割线
    "table-split-color": #2B2B40,

    // 菜单选中时
    "menu-active-bg": #28283C,
    // 双色图标深色
    "main-icon-deep-color": #50526B,
    // 双色图标浅色
    "main-icon-color": #C5C5D8,
    // 双色图标悬浮背景
    "main-icon-hover-bg": #243C5B,
    // 双色图标选中背景
    "main-icon-active-color": #243C5B,
    // 双色图标disable深色
    "main-icon-disable-deep-color": #393A51,
    // 双色图标disable浅色
    "main-icon-disable-color": #4D4F66,
    // 双色图标disable背景
    "main-icon-disable-bg": #2B2B40,
    // 双色图标 危险背景
    "main-icon-error-bg": #482E46,
    // 双色图标 危险深色
    "main-icon-error-deep-color": #F1416C,
    // 双色图标 危险浅色
    "main-icon-error-color": #9C3758,
    // 图标通用背景
    "icon-bg": #2B2B40,
    // 组件背景颜色 输入框等
    "comm-bg-color": #F5F8FA,
    // 表格边框
    "table-border-color": #272737,
    // 带背景文字悬浮颜色
    "text-hover-color": #fff,
    // 阴影颜色
    "box-shadow-color": #10101A,
    // 多选背景色
    "checkbox-bg": #50526B,
    "input-bg": #2B2B40,
    // form悬浮背景色
    "input-hover-bg": #000712,
    //  form聚焦背景色
    "input-focus-bg": #001120,
    // form校验失败背景色
    "input-error-bg": #1F0307,
    // 内容区背景色
    "card-bg": #1E1E2D,
    // 分页器文字颜色
    'pagin-text-color': #92929F,
    // 分页器边框颜色
    'pagin-border-color': #FAFCFE,
    // 上传时阴影背景色
    'upload-bg': #00000061,

    "hover-icon-color": #73C9FA,
    "app-bg": #2c3e50,
    "main-bg": #1d2935,
    "border-color": #1d2935,
    "header-bg": #1d2935,
    "header-color": #fff,
    "header-menu-color": #fff,
    "header-menu-hover-color": #42b983,
    "header-menu-hover-bg": #1f3039,
    "header-menu-active-color": #42b983,
    "header-menu-active-bg": #1f3039,
    "main-sidebar-bg": #1d2935,
    "main-sidebar-menu-color": #fff,
    "main-sidebar-menu-hover-color": #42b983,
    "main-sidebar-menu-hover-bg": #1f3039,
    "main-sidebar-menu-active-color": #42b983,
    "main-sidebar-menu-active-bg": #1f3039,
    "sub-sidebar-bg": #2c3e50,
    "sub-sidebar-menu-bg": #1d2935,
    "sub-sidebar-menu-color": #fff,
    "sub-sidebar-menu-hover-color": #fff,
    "sub-sidebar-menu-hover-bg": darken(#2c3e50, 10),
    "sub-sidebar-menu-active-color": #fff,
    "sub-sidebar-menu-active-bg": #42b983,
    "badge-bg": #f56c6c,
    "badge-color": #fff,
    "badge-border-color":#fff,
    "tabbar-bg": #1d2935,
    "tabbar-dividers-bg": var(--el-border-color-darker),
    "tabbar-tab-color": var(--el-text-color-placeholder),
    "tabbar-tab-hover-color": var(--el-text-color-placeholder),
    "tabbar-tab-hover-bg": var(--el-fill-color-lighter),
    "tabbar-tab-active-color": #42b983,
    "tabbar-tab-active-bg": #2c3e50,
    "toolbar-bg": #2c3e50,
    "nprogress-color": #2e4854)
);
